<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
<title>Feedback</title>
	<link type="text/css" rel="stylesheet" href="css/dth.css" />
	<style>
.menu7 {
	box-shadow: 6px 11px 10px;
}

.admin_menu_feedback {
	background: #0FD1D1 !important;
}

.myTable td:nth-child(6) {
	width: 50px;
	text-align: center;
}

#feedbackform{
	width: 650px;
	height: 300px;
	border: 2px;
}

.feild-action{
	margin:4px;
}
</style>
</h:head>

<h:body>
	<p:ajaxStatus
		style="bottom: 68%;
	    height: 32px;
	    position: fixed;
	    right: 50%;
	    width: 32px;
	    z-index: 99999;">
		<f:facet name="start">
			<p:graphicImage value="images/loading.gif" />
		</f:facet>

		<f:facet name="complete">
			<h:outputText value="" />
		</f:facet>
	</p:ajaxStatus>
	<p:growl id="growl" showDetail="true" sticky="false" />
	<ui:insert name="header">
		<ui:include src="/header/header_dth.xhtml" />
	</ui:insert>
	<div>
		<div class="dth_body_home">
			<ui:insert name="header_banner">
				<ui:include src="/header/header_banner.xhtml" />
			</ui:insert>
			<div class="dth_content">
				<div class="dth_admin_menu"></div>
				<div class="dth_content_admin">
					<h:form id="feedbackform">
						<h1 style="color: orange;">Submit your feedback</h1>
						<h:inputHidden value="#{feedbackBean.id}"></h:inputHidden>
						<div class="feild-input">
							<h:outputLabel value="Title" style="font-size:15px;"></h:outputLabel>
							<h:inputText value="#{feedbackBean.feedbackTitle}"></h:inputText>
						</div>
						<div class="feild-input">
							<h:outputLabel value="Your Thought" style="font-size:15px;"></h:outputLabel>
							<h:inputTextarea value="#{feedbackBean.feedbackContent}" style=" width:500px; height:150px; resize:none;"></h:inputTextarea>
						</div>
						<div class="feild-action">
							<p:commandButton value="Send" action="#{feedbackBean.send}" update=":growl"></p:commandButton>
						</div>
					</h:form>
				</div>
			</div>
		</div>
	</div>
	<ui:insert name="header">
		<ui:include src="/footer/footer_dth.xhtml" />
	</ui:insert>

</h:body>
</html>